<div class="inner">
    <div class="onecolumn">
        <div class="header">
            <span>Thêm chỉ mục</span>
        </div>
        <br class="clear"/>
        <div class="content">
            <ul class="error">
                <?php if($error != ''): ?>
                <li><?php echo  $error ?></li>
                <?php endif; ?>
                <?php echo form_error('name_vn') ?>
<!--                  <?php echo form_error('name_en') ?> -->
                <?php echo form_error('href') ?>
            </ul>
            <form name="addCategory" id="addCategory" action="#" method="POST">
                <input type="hidden" name="frmToken" id="frmToken" value="<?php echo $frmToken ?>"/>
                <p>
                    <label>Tên chỉ mục (Tiếng Việt):</label><br/>
                    <input type="text" id="name_vn" name="name_vn" style="width:300px" value="<?php echo set_value('name_vn') ?>"/>
                </p>
                <br/>           
<!--                 <p>
                    <label>Tên chỉ mục (Tiếng Anh):</label><br/>
                    <input type="text" id="name_en" name="name_en" style="width:300px" value="<?php echo set_value('name_en') ?>"/>
                </p> -->
                <br/>
                <p>
                    <label>Chỉ mục cha:</label><br/>
                    <select name="parentid" id="parentid" style="width :200px">
                        <option value="0" <?php echo set_select('parentid', '0') ?>>----------</option>
                        <?php foreach($parentCategory as $cat): ?>
                        <option value="<?php echo $cat['id'] ?>" <?php echo set_select('parentid', $cat['id']) ?>><?php echo $cat['name_vn'] ?></option>
                        <?php endforeach; ?>
                    </select>
                </p>
                <br />
                <p>
                	<input type="radio" name="type" value="1" checked> Sản Phẩm<br>
					<input type="radio" name="type" value="2" > Tin tức<br>
                </p>
                <br/>
                <p>
                    <label style="">Chọn đường dẫn bên thứ ba:</label>
                    <input type="checkbox" id="check_href" name="check_href" value="1" <?php echo set_checkbox('check_href','1') ?>/>
                </p>
                <br/>
                <p id="txtLinkHref">
                    <label>Địa chỉ đường dẫn bên thứ ba:</label><br/>
                    <input type="text" id="hrefUrl" name="hrefUrl" style="width:300px" value="<?php echo set_value('href') ?>"/>
                </p>
                <br/>
                <p>
                    <input type="submit" name="submit" value="Đồng ý"/>
                    <input type="reset" name="reset" value="Xóa hết"/>
                </p>
            </form>
        </div>
    </div>
    <!-- End one column tab content window -->
    <script type="text/javascript">
        $(document).ready(function(){
            if (! $("#check_href").is(':checked')) {
                $("#txtLinkHref").slideUp();
            } else {
                $("#txtLinkHref").slideDown();
            }
            
            $("#check_href").click(function(){
                if (! $("#check_href").is(':checked')) {
                    $("#txtLinkHref").slideUp();
                    $("#hrefUrl").rules('remove');
                } else {
                    $("#txtLinkHref").slideDown();
                    $("#hrefUrl").rules('add',{
                        required : true,
                        url : true,
                        messages : {
                            required : 'Đường dẫn bên thứ ba không chính xác',
                            url : 'Đường dẫn bên thứ ba không chính xác'
                        }
                    });
                }
            });
            
            $("#addCategory").validate({
                invalidHandler: function(form, validator) {
                    var errors = validator.numberOfInvalids();
                    if (errors) {
                        validator.errorList[0].element.focus();
                    }
                },
                ignore: ":hidden",
                errorElement: "li",
                errorPlacement: function(error, element) {
                    $(".error").html(error);
                    $(".error").show();
                }
                ,
                rules: {
                    name_vn : {
                        required : true,
                        minlength : 3
                    },
                    name_en : {
                        required : true,
                        minlength : 3
                    }
                },
                messages: {
                    name_vn : "Tên chỉ mục(Tiếng Việt) không được để trống, ít nhất 5 ký tự!",
                    name_en : "Tên chỉ mục(Tiếng Anh) không được để trống, ít nhất 5 ký tự!"
                }
            });
        });
    </script>
</div>